<script setup>
/**
 * Son1.vue中定义person，包括name、age，将name和age传入Son2.vue
 * 步骤：
 *  1、先使用子传父，将Son1.vue中的数据传到Parent.vue中
 *  2、再使用父传子，将数据传输到Son2.vue中
 */
    import { ref } from 'vue';
    import Son1 from './Son1.vue';
    import Son2 from './Son2.vue';

    let name = ref('')
    let age = ref(0)

    // 定义这个函数接收Son1中自定义事件传来的name
    function funName(msg) {
        name.value = msg
    }

    // 定义这个函数接收Son1中自定义事件传来的age
    function funAge(msg) {
        age.value = msg
    }

</script>

<template>
  <div>
    Son1传输到父组件的数据：{{ name }} ==》 {{ age }}
    <Son1 v-on:name="funName" @age="funAge"></Son1>
    <Son2 v-bind:son2name="name" :son2Age="age"></Son2>
    
  </div>
</template>

<style scoped>

</style>